<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="{$theme}/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
<link href="{$theme}/bootstrap-3.3.7-dist/css/ace.min.css" rel="stylesheet">
<link href="{$theme}/bootstrap-3.3.7-dist/css/ace-rtl.min.css" rel="stylesheet">
<link href="{$theme}/bootstrap-3.3.7-dist/css/font-awesome.min.css" rel="stylesheet">
<link href="{$theme}/style/base.css" rel="stylesheet" type="text/css">
<script src="{$theme}/js/jquery.min.js"></script>
<script src="{$theme}/js/jquery.fn.js"></script>
<script src="{$theme}/js/tooltipbox.js"></script>
<script src="{$theme}/js/jquery.form.js"></script>
<script src="{$theme}/js/jquery.validate.js"></script>
<script src="{$theme}/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="{$theme}/bootstrap-3.3.7-dist/js/ace.min.js"></script>
<title>智慧校园考勤</title>
</head>

<body class="login-layout" style="background:url({$theme}/images/bg.jpg) no-repeat; background-size:cover;">
<div class="main-container">
  <div class="main-content">
    <div class="row">
      <div class="col-sm-10 col-sm-offset-1">
        <div class="login-container">
          <div class="space-28"></div>
          <div class="position-relative">
            <div id="login-box" class="login-box visible widget-box no-border">
              <div class="widget-body" style="background-color:rgba(255,255,255,0.2)">
                <div class="widget-main" style="background-color:rgba(255,255,255,0.2">
                  <h4 class="header white lighter bigger"> <i class="ace-icon fa fa-coffee green"></i> 请输入您的信息 </h4>
                  <div class="space-6"></div>
                  <form method="post" class="form-horizontal" role="form" id="submitform" onsubmit="return false">
                    <fieldset>
                      <label class="block clearfix"> <span class="block input-icon input-icon-right">
                        <input type="text" name="email" class="form-control" placeholder="登录账号" required>
                        <i class="ace-icon fa fa-user"></i> </span> </label>
                      <label class="block clearfix"> <span class="block input-icon input-icon-right">
                        <input type="password" name="password" class="form-control" placeholder="登录密码" required>
                        <i class="ace-icon fa fa-lock"></i> </span> </label>
                      <div class="space"></div>
                      <div class="clearfix">
                        <button type="submit" class="width-35 pull-right btn btn-sm btn-success btn-submit"> <i class="ace-icon fa fa-key"></i> <span class="bigger-110">登录</span> </button>
                      </div>
                      <div class="space-4"></div>
                    </fieldset>
                  </form>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
$(function(){
	$('#submitform').validate({
		focusInvalid: true,
		rules: {
			//title: {
				//required: true
			//}
		}
	});
	$('.btn-submit').click(function(){
		if(!$('#submitform').valid())return false;
		$.post(location.href, $('#submitform').serialize(), function(res){
			if(res.code == 1){
				location.href = '{siteurl("con=admin/index")}';
			}
			tooltipbox.show(res.msg);
		}, 'json').error(function(){
			tooltipbox.show('数据或网络错误');
		});
	});
});
</script>
</body>
</html>
